<!DOCTYPE html>
<html class="no-js">
	<head>
		<meta charset="utf-8">
		<title>Calculator 1st Sprint</title>
		<link rel="stylesheet" href="calc.css">
		<script src="calculator.js"></script>
	</head>
	<body>

		<h1>Calculator</h1>

		<table>
		<tr>
			<td height = 20px colspan="4" id="cellresult1"></td>
			<td colspan="4" id="cellresult2"></td>
			<td colspan="4" id="cellresult3"></td>
			<td  id="cellresult4"></td>
		</tr>
		</table>
		<table>
		<tr>
			<td onClick="increase(this)" id="cell7">7</td>
			<td onClick="increase(this)" id="cell8">8</td>
			<td onClick="increase(this)" id="cell9">9</td>
			<td onClick="funct(this)"  id="cell/">/</td>
		</tr>
		<tr>
			<td onClick="increase(this)" id="cell4">4</td>
			<td onClick="increase(this)" id="cell5">5</td>
			<td onClick="increase(this)" id="cell6">6</td>
			<td onClick="funct(this)"  id="cell*">*</td>
		</tr>
		<tr>
			<td onClick="increase(this)" id="cell1">1</td>
			<td onClick="increase(this)" id="cell2">2</td>
			<td onClick="increase(this)" id="cell3">3</td>
			<td onClick="funct(this)"  id="cell-">-</td>
		</tr>
		<tr>
			<td onClick="increase(this)" id="cell0">0</td>
			<td onClick="increase(this)" id="cell.">.</td>
			<td onClick="equals()" id="cell=">=</td>
			<td onClick="funct(this)"  id="cell+">+</td>
		</tr>
		</table>
		<button onClick="setDefault()" type="button" id="resetButton">Clear</button>

	</body>
</html>